<!DOCTYPE html>
<!-- en(中文网) -->
<html lang="en">

<head>
    <!-- 编码 -->
    <meta charset="UTF-8" />
    <!-- 自适应 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <!-- 手机兼容 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <!-- 网站标题 -->
    <title>Microsoft - 云、计算机、应用和游戏</title>
    <!-- 网站描述 -->
    <meta name="description" content="Microsoft - 云、计算机、应用和游戏" />
    <!-- 网站的关键字 -->
    <meta name="keywords"
        content="浏览适用于家庭或企业的 Microsoft 产品和服务。购买 Surface、Microsoft 365、Xbox、Windows、Azure 等产品/服务。查找下载内容并获取支持。" />
    <!-- 网站的icon图标 -->
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

    <!-- bootstrap框架 -->
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" href="dist/bootstrap/bootstrap.min.css">

    <!-- swiper插件 -->
    <link rel="stylesheet" href="dist/swiper/swiper-4.5.3/dist/css/swiper.min.css">
    <!-- font-awesome 字体图标 -->
    <link rel="stylesheet" href="dist/font-awesome/font-awesome-4.7.0/css/font-awesome.min.css">

    <!-- 初始化样式 -->
    <link rel="stylesheet" href="css/reset.css">
    <!-- 公共样式 -->
    <link rel="stylesheet" href="css/common.css">
    <!-- index 样式 -->
    <link rel="stylesheet" href="css/style.css">

</head>

<body>

    <!-- 项目开始 -->
    <span class="X container-fluid">
        <!-- 头部开始 -->
        <div class="container cont-1">
            <div class="row clearfix">
                <div class="col-md-12 column padd">
                    <nav class="navbar navbar-default nav-br" role="navigation">
                        <div class="navbar-header">
                            <button type="button" class="navbar-toggle" data-toggle="collapse"
                                data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle
                                    navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span
                                    class="icon-bar"></span></button> <a class="navbar-brand" href="#"><img
                                    src="img/1/RE1Mu3b.png" alt="microsoft" class="header-img"></a>
                        </div>

                        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                            <ul class="nav navbar-nav nav-a">
                                <!-- <li class="active">
                                    <a href="#">Link</a>
                                </li> -->
                                <li>
                                    <a href="#"><span class="sp-i">Microsoft 365</span></a>
                                </li>
                                <li>
                                    <a href="#"><span class="sp-i">Office</span></a>
                                </li>
                                <li>
                                    <a href="#"><span class="sp-i">Windows</span></a>
                                </li>
                                <li>
                                    <a href="#"><span class="sp-i">Surface</span></a>
                                </li>
                                <li>
                                    <a href="#" class="hidden-sm hidden-xs"><span class="sp-i">Xbox</span></a>
                                </li>
                                <li>
                                    <a href="#" class="hidden-sm hidden-xs"><span class="sp-i">优惠</span></a>
                                </li>
                                <li>
                                    <a href="#" class="hidden-sm hidden-xs"><span class="sp-i">支持</span></a>
                                </li>
                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle hidden-lg hidden-md" data-toggle="dropdown">
                                        更多<strong class="caret"></strong></a>
                                    <ul class="dropdown-menu">
                                        <li>
                                            <a href="#">支持</a>
                                        </li>
                                        <li>
                                            <a href="#">优惠</a>
                                        </li>
                                        <li>
                                            <a href="#">Xbox</a>
                                        </li>
                                        <li class="divider">
                                        </li>
                                        <li>
                                            <a href="#">Surface</a>
                                        </li>
                                        <!-- <li class="divider">
                                        </li>
                                        <li>
                                            <a href="#">One more separated link</a>
                                        </li> -->
                                    </ul>
                                </li>
                            </ul>
                            <ul class="nav navbar-nav navbar-right">

                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">所有 Microsoft<strong
                                            class="caret"></strong></a>
                                    <ul class="dropdown-menu">
                                        <li>
                                            <a href="#">Action</a>
                                        </li>
                                        <li>
                                            <a href="#">Another action</a>
                                        </li>
                                        <li>
                                            <a href="#">Something else here</a>
                                        </li>
                                        <li class="divider">
                                        </li>
                                        <li>
                                            <a href="#">Separated link</a>
                                        </li>
                                    </ul>
                                </li>
                                <li><span class="hidden-md"></span>
                                    <a href="#"><span class="hidden-md hidden-sm hidden-xs">搜索</span> <span
                                            class="fa fa-search"></span></a>
                                </li>
                                <li>
                                    <a href="#"><span class="hidden-md hidden-sm hidden-xs">购物车</span> <span
                                            class="	glyphicon glyphicon-shopping-cart"></span></a>
                                </li>
                                <li>
                                    <a href="#"><span class="hidden-md hidden-sm hidden-xs">登录</span> <span
                                            class="fa fa-user-circle-o"></span></a>
                                </li>
                            </ul>
                        </div>

                    </nav>
                </div>
            </div>
        </div>
        <!-- 头部结束 -->
        <!-- 轮播图开始 -->
        <div class="container hidden-md hidden-sm hidden-xs">
            <div class="row clearfix">
                <div class="col-md-12 column padd">
                    <div class="carousel slide" id="carousel-612437">
                        <ol class="carousel-indicators">
                            <li data-slide-to="0" data-target="#carousel-612437">
                            </li>
                            <li data-slide-to="1" data-target="#carousel-612437" class="active">
                            </li>

                        </ol>
                        <div class="carousel-inner">
                            <div class="item">
                                <img alt="" src="img/RE4DRie.webp" />
                                <div class="carousel-caption">
                                    <h1>
                                        Microsoft 365
                                    </h1>
                                    <p>
                                        只需一次便捷的订阅，便可使用高级 Office 应用、额外的云存储、高级安全性等功能
                                    </p>
                                    <p><a href="" class="a-1">最多可允许 6 名用户安装 > </a> <a href="" class="a-2"><span>仅供 1
                                                名用户安装 ></span></a>
                                    </p>

                                </div>
                            </div>
                            <div class="item active">
                                <img alt="" src="img/RWLnNf.webp" />
                                <div class="carousel-caption">
                                    <h1>
                                        虎年新春，Surface 暖心献礼
                                    </h1>
                                    <p>
                                        即日起至2月8日，Surface 精选主机 63 折起，更有丰富礼赠，叠享至高 24 期免息
                                    </p>
                                    <p><a href="" class="a-1">立即优惠 ></a></p>
                                </div>
                            </div>
                        </div> <a class="left carousel-control" href="#carousel-612437" data-slide="prev"><span
                                class="glyphicon glyphicon-chevron-left"></span></a> <a class="right carousel-control"
                            href="#carousel-612437" data-slide="next"><span
                                class="glyphicon glyphicon-chevron-right"></span></a>
                    </div>
                </div>
            </div>
        </div>
        <!-- 轮播图结束 -->
        <!-- 选择你的 Microsoft 365 开始 -->
        <div class="container micr-365 hidden-xs padd">
            <ul>
                <li>
                    <a href="">
                        <img src="img/365/RE4sQDc.png" alt="">
                        <div>
                            <p>选择你的 Microsoft 365</p>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="img/365/RE4pndL.webp" alt="">
                        <div>
                            <p>购买 Surface 设备</p>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="img/365/RE4pxBu.webp" alt="">
                        <div>
                            <p>购买 Xbox 游戏和主机</p>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="img/365/RE4sQDc.png" alt="">
                        <div>
                            <p>获取 Windows 11</p>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="img/365/RE4rriw.webp" alt="">
                        <div>
                            <p>购买商用版</p>
                        </div>
                    </a>
                </li>

            </ul>
        </div>
        <!-- 手机端 -->
        <ul class="container ul-img hidden-sm hidden-md hidden-lg">
            <li><a href="">
                    <img src="img/365/RE4sQDc.png" alt="">
                    <span>选择你的 Microsoft 365</span>
                </a></li>
            <li><a href="">
                    <img src="img/365/RE4pndL.webp" alt="">
                    <span>购买 Surface 设备</span>
                </a></li>
            <li><a href="">
                    <img src="img/365/RE4pxBu.webp" alt="">
                    <span>购买 Xbox 游戏和主机</span>
                </a></li>
            <li><a href="">
                    <img src="img/365/RE4sQDc.png" alt="">
                    <span>获取 Windows 11</span>
                </a></li>
            <li><a href="">
                    <img src="img/365/RE4rriw.webp" alt="">
                    <span>购买商用版</span>
                </a></li>
        </ul>
        <!-- 选择你的 Microsoft 365 结束 -->
        <!-- 全新 开始  -->
        <div class="container shangye padd">
            <div class="row">
                <!-- <div>
                    <h2>商业版</h2>
                </div> -->
                <div>
                    <div class="col-md-3 col-sm-6">
                        <img src="img/365/RWKCA4.webp" alt="">
                        <h3>Surface Pro 8</h3>
                        <p>配备更大的 13 英寸触摸屏，连接更迅捷，运行速度更快，助你完成更多工作。现已搭载 Windows 11。</p>
                        <a
                            href="https://www.microsoftstore.com.cn/surface/surface-pro-8?icid=mscom_marcom_CPH1a_SurfacePro8">立即购买></a>
                    </div>
                    <div class="col-xs-12 hidden-sm hidden-md hidden-lg xs-s">
                        <p>66</p>
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <img src="img/365/RE4FTtq.webp" alt="">
                        <h3>Surface Laptop Go</h3>
                        <p>选择轻盈的 Surface 笔记本电脑，造型时尚与卓越性能兼备，充分利用每一天。</p>
                        <a
                            href="https://www.microsoftstore.com.cn/surface/surface-laptop-go?icid=mscom_marcom_CPH2a_SurfaceLaptopGo">立即购买></a>
                    </div>
                    <div class="col-xs-12 hidden-sm hidden-md hidden-lg xs-s">
                        <p>66</p>
                    </div>
                    <div class="col-sm-12 hidden-md hidden-lg hidden-xs">
                        <p class="pp">66</p>
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <img src="img/365/RE4FcPF.webp" alt="">
                        <h3>Power your dreams</h3>
                        <p>购买 Xbox Series X 和 Xbox Series S，体验新时代的先进性能。</p>
                        <p><a
                                href="https://www.microsoftstore.com.cn/xbox/xbox-series-x?icid=mscom_marcom_CPH3a_XboxSeriesX">Xbox
                                Series X></a></p>
                        <!-- <a href="https://www.microsoftstore.com.cn/xbox/xbox-series-s?icid=mscom_marcom_CPH3b_XboxSeriesS">Xbox
                            Series X></a> -->
                    </div>
                    <div class="col-xs-12 hidden-sm hidden-md hidden-lg xs-s">
                        <p>66</p>
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <img src="img/365/RE4DkWk.webp" alt="">
                        <h3>不错过任一美妙节拍</h3>
                        <p>探索最新的 Surface 音频，体验舒适度极佳的设计、沉浸式的音效和全天电池续航。</p>
                        <p><a href="">购买 Surface Earbuds></a></p>
                        <!-- <a href="">购买 Surface Headphones 2</a> -->

                    </div>
                    <div class="col-xs-12 hidden-sm hidden-md hidden-lg xs-s">
                        <p>66</p>
                    </div>
                </div>
            </div>
        </div>
        <!-- 全新 结束 -->
        <!-- Xbox 控制器 开始 -->
        <div class="container padds">
            <div class="container xbox hidden-xs">
                <div class="row">
                    <img src="img/365/RE4MEu6.jfif" alt="">
                </div>
                <div class="x-box-hp hidden-xs hidden-sm">
                    <h3>Xbox 控制器</h3>
                    <p>Elite 品质，无线连接，随处适用 - 无论你的游戏风格如何，这款控制器都能满足你的需求</p>
                    <a href="">立即购买 ></a>
                </div>
                <div class="x-box-hp-s hidden-md hidden-lg">
                    <h3>Xbox 控制器</h3>
                    <p>Elite 品质，无线连接，随处适用 - 无论你的游戏风格如何，这款控制器都能满足你的需求</p>
                    <a href="">立即购买 ></a>
                </div>
            </div>
            <!-- 手机端 -->
            <div class="xbox-x">
                <div class="hidden-sm hidden-md hidden-lg">
                    <div class="row">
                        <img src="img/365/RE4MEu6 (1).jfif" alt="">
                    </div>
                    <div class="row x-box-hp-a padd">
                        <h3>Xbox 控制器</h3>
                        <p>Elite 品质，无线连接，随处适用 - 无论你的游戏风格如何，这款控制器都能满足你的需求</p>
                        <a href="">立即购买 ></a>
                    </div>
                </div>
            </div>
        </div>


        <!-- Xbox 控制器 结束 -->
        <!-- 商业版 开始 -->
        <div class="container shangye">
            <div class="row">
                <div>
                    <h2>商业版</h2>
                </div>
                <div>
                    <div class="col-md-3 col-sm-6">
                        <img src="img/365/RWKtKJ.webp" alt="">
                        <h3>Surface Pro 8 商用版</h3>
                        <p>13 英寸的屏幕拥有前所未有的性能和丰富功能。搭载 Windows 11。</p>
                        <a
                            href="https://www.microsoftstore.com.cn/surface/surface-pro-8?icid=mscom_marcom_CPH1a_SurfacePro8">立即购买></a>
                    </div>
                    <div class="col-xs-12 hidden-sm hidden-md hidden-lg xs-s">
                        <p>66</p>
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <img src="img/365/RWRDt7 (1).webp" alt="">
                        <h3>适合你的学校的出色解决方案</h3>
                        <p>向基础教育学区及学生提供包容、可访问且价格合理的 Windows 11 和 Windows 11 SE 设备，为学习增添动力。</p>
                        <a
                            href="https://www.microsoftstore.com.cn/surface/surface-laptop-go?icid=mscom_marcom_CPH2a_SurfaceLaptopGo">立即购买></a>
                    </div>
                    <div class="col-xs-12 hidden-sm hidden-md hidden-lg xs-s">
                        <p>66</p>
                    </div>
                    <div class="col-sm-12 hidden-md hidden-lg hidden-xs">
                        <p class="pp">66</p>
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <img src="img/365/RWLJ3u.webp" alt="">
                        <h3>免费获取 Microsoft Teams</h3>
                        <p>联机会议、聊天以及共享云存储，尽在一处。</p>
                        <p><a
                                href="https://www.microsoftstore.com.cn/xbox/xbox-series-x?icid=mscom_marcom_CPH3a_XboxSeriesX">免费注册></a>
                        </p>

                    </div>
                    <div class="col-xs-12 hidden-sm hidden-md hidden-lg xs-s">
                        <p>66</p>
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <img src="img/365/RWEze0.webp" alt="">
                        <h3>混合工作解决方案</h3>
                        <p>探了解我们采用的方法、Microsoft 在此过程中汲取的经验教训，以及如何为员工提供支持并满足新的客户需求。</p>
                        <p><a href="">了解详情></a></p>

                    </div>
                    <div class="col-xs-12 hidden-sm hidden-md hidden-lg xs-s">
                        <p>66</p>
                    </div>
                </div>
            </div>
        </div>
        <!-- 商业版 结束 -->
        <!-- Xbox 控制器 开始 -->
        <div class="container padds">
            <div class="container xbox hidden-xs">
                <div class="row">
                    <img src="img/365/RWQZN7.webp" alt="">
                </div>
                <div class="x-box-hp hidden-sm hidden-xs">
                    <h3>要升职加薪？证明你的价值</h3>
                    <p>
                        参加微软在线技术公开课，了解更多技术干货，获取微软全球认证</p>
                    <a href="">点击报名 ></a>
                </div>
                <div class="x-box-hp-s hidden-md hidden-lg">
                    <h3>要升职加薪？证明你的价值</h3>
                    <p>参加微软在线技术公开课，了解更多技术干货，获取微软全球认证</p>
                    <a href="">点击报名 ></a>
                </div>
            </div>
            <!-- 手机端 -->
            <div class="xbox-x">
                <div class="hidden-sm hidden-md hidden-lg">
                    <div class="row">
                        <img src="img/365/RWQZN7 (1).webp" alt="">
                    </div>
                    <div class="row x-box-hp-a padd">
                        <h3>要升职加薪？证明你的价值</h3>
                        <p>参加微软在线技术公开课，了解更多技术干货，获取微软全球认证</p>
                        <a href="">点击报名 ></a>
                    </div>
                </div>
            </div>
        </div>

        <!-- Xbox 控制器 结束 -->
        <!-- 关注 开始 -->
        <div class="container guanzhu">
            <span>关注 Microsoft： </span> <span><img src="img/365/wechat.svg" alt=""></span> <span><img
                    src="img/365/weibo.png" alt=""></span>
        </div>
        <!-- 关注 结束 -->
        <!-- 底部 开始 -->
        <div class="container-fluid c-uhff">
            <div class="container">
                <ul class="row">
                    <li class="col-md-2 col-sm-4 col-xs-12">
                        <h4> 新增内容</h4>
                        <ul class="ul-ls">
                            <li><a href="">Microsoft 365</a></li>
                            <li><a href="">Surface Laptop 2</a></li>
                            <li><a href="">Surface Go</a></li>
                            <li><a href="">Windows 11 应用程序</a></li>
                        </ul>
                    </li>
                    <li class="col-md-2 col-sm-4 col-xs-12">
                        <h4> Microsoft Store</h4>
                        <ul class="ul-ls">
                            <li><a href="">帐户个人资料</a></li>
                            <li><a href="">下载中心</a></li>
                            <li><a href="">订单跟踪</a></li>
                        </ul>
                    </li>
                    <li class="col-md-2 col-sm-4 col-xs-12">
                        <h4> 教育</h4>
                        <ul class="ul-ls">
                            <li><a href="">Microsoft 教育领域</a></li>
                            <li><a href="">适合学生的 Office</a></li>
                            <li><a href="">适用于学校的 Office 365</a></li>
                            <li><a href="">Microsoft Azure 教育领域</a></li>
                        </ul>
                    </li>
                    <li class="col-md-2 col-sm-4 col-xs-12">
                        <h4> 企业</h4>
                        <ul class="ul-ls">
                            <li><a href="">Azure</a></li>
                            <li><a href="">AppSource</a></li>
                            <li><a href="">汽车</a></li>
                            <li><a href="">政府机构</a></li>
                            <li><a href="">医疗保健</a></li>
                            <li><a href="">制造业</a></li>
                            <li><a href="">金融服务</a></li>
                            <li><a href="">零售业</a></li>
                        </ul>
                    </li>
                    <li class="col-md-2 col-sm-4 col-xs-12">
                        <h4> 开发人员</h4>
                        <ul class="ul-ls">
                            <li><a href="">Microsoft Visual Studio</a></li>
                            <li><a href="">Windows 开发人员中心</a></li>
                            <li><a href="">开发人员中心</a></li>
                            <li><a href="">Microsoft 开发人员计划</a></li>
                            <li><a href="">第9频道</a></li>
                            <li><a href="">Microsoft 365 开发人员中心</a></li>
                            <li><a href="">Microsoft 365 开发人员计划</a></li>
                        </ul>
                    </li>
                    <li class="col-md-2 col-sm-4 col-xs-12">
                        <h4> 公司</h4>
                        <ul class="ul-ls">
                            <li><a href="">招贤纳士</a></li>
                            <li><a href="">关于 Microsoft</a></li>
                            <li><a href="">公司新闻</a></li>
                            <li><a href="">Microsoft 隐私</a></li>
                            <li><a href="">投资人</a></li>
                            <li><a href="">安全性</a></li>
                        </ul>
                    </li>

                </ul>

                <!-- 中文 -->
                <div class="zhongwen">
                    <ul class="row">
                        <li class="col-md-2"><span class="fa fa-globe"></span> 中文(中国)</li>
                        <li class="col-md-10 cms">
                            <span><a href="">与 Microsoft 联系</a></span> <span><a href=""> 隐私</a></span> <span><a
                                    href="">使用条款</a></span> <span><a href=""> 商标</a></span>
                            <span><a href="">关于我们的广告</a></span> <span><a href=""> 京ICP备09042378号-6</a></span> <span><a
                                    href="">京公网安备
                                    11010802023178</a></span><span>©
                                Microsoft 2022</span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 底部 结束 -->
        </div>

        <!-- 项目结束 -->

        <!-- js文件 -->
        <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
        <script src="dist/bootstrap/bootstrap.min.js"></script>
        <script src="dist/swiper/swiper-4.5.3/dist/js/swiper.min.js"></script>

</body>

</html>